<!--装修流程 单个 cssType==='1'-->
<ng-container *ngIf="tagData.data.cssType==='1'">
  <section [ngStyle]="tagData.data.cssStyle|styleFilter" class="sectionBg">
    <p class="pHeadTitle" *ngIf="tagData.data.headTitle" [ngStyle]="tagData.data.headTitleCssStyle|styleFilter">
      {{tagData.data.headTitle}}</p>
    <div class="singleBox">
      <img *ngIf="tagData.data.step1Icon" [src]="tagData.data.step1Icon"
        onerror="this.src='assets/fw/zhuangxiu_icon-zhunbei@3x.png'"
        [ngStyle]="tagData.data.step1IconCssStyle|styleFilter" />
      <span class="title" *ngIf="tagData.data.step1Title"
        [ngStyle]="tagData.data.step1TitleCssStyle|styleFilter">{{tagData.data.step1Title}}</span>
      <span class="subTitle" *ngIf="tagData.data.step1SubTitle"
        [ngStyle]="tagData.data.step1SubTitleCssStyle|styleFilter">{{tagData.data.step1SubTitle}}</span>
    </div>
    <div class="divider"></div>
    <div class="singleBox">
      <img *ngIf="tagData.data.step2Icon" [src]="tagData.data.step2Icon"
        onerror="this.src='assets/fw/zhuangxiu_icon-zhunbei@3x.png'"
        [ngStyle]="tagData.data.step2IconCssStyle|styleFilter" />
      <span class="title" *ngIf="tagData.data.step2Title"
        [ngStyle]="tagData.data.step2TitleCssStyle|styleFilter">{{tagData.data.step2Title}}</span>
      <span class="subTitle" *ngIf="tagData.data.step2SubTitle"
        [ngStyle]="tagData.data.step2SubTitleCssStyle|styleFilter">{{tagData.data.step2SubTitle}}</span>
    </div>
    <div class="divider"></div>
    <div class="singleBox">
      <img *ngIf="tagData.data.step3Icon" [src]="tagData.data.step3Icon"
        onerror="this.src='assets/fw/zhuangxiu_icon-zhunbei@3x.png'"
        [ngStyle]="tagData.data.step3IconCssStyle|styleFilter" />
      <span class="title" *ngIf="tagData.data.step3Title"
        [ngStyle]="tagData.data.step3TitleCssStyle|styleFilter">{{tagData.data.step3Title}}</span>
      <span class="subTitle" *ngIf="tagData.data.step3SubTitle"
        [ngStyle]="tagData.data.step3SubTitleCssStyle|styleFilter">{{tagData.data.step3SubTitle}}</span>
    </div>
    <div class="divider"></div>
    <div class="singleBox">
      <img *ngIf="tagData.data.step4Icon" [src]="tagData.data.step4Icon"
        onerror="this.src='assets/fw/zhuangxiu_icon-zhunbei@3x.png'"
        [ngStyle]="tagData.data.step4IconCssStyle|styleFilter" />
      <span class="title" *ngIf="tagData.data.step4Title"
        [ngStyle]="tagData.data.step4TitleCssStyle|styleFilter">{{tagData.data.step4Title}}</span>
      <span class="subTitle" *ngIf="tagData.data.step4SubTitle"
        [ngStyle]="tagData.data.step4SubTitleCssStyle|styleFilter">{{tagData.data.step4SubTitle}}</span>
    </div>
    <div *ngIf="tagData.data.moreBtn" class="viewFlowChartBox">
      <p class="viewFlowChart" *ngIf="tagData.data.moreBtn" [ngStyle]="tagData.data.moreBtn.moreBtnCssStyle|styleFilter"
        appDebounceClick (debounceClick)="moreClick(tagData.data.moreBtn.link)">
        {{tagData.data.moreBtn?.label}}</p>
    </div>
  </section>
</ng-container>

<!--装修流程 明细 cssType==='2'-->
<ng-container *ngIf="tagData.data.cssType==='2'">
  <section [ngStyle]="tagData.data.cssStyle|styleFilter" class="sectionBg2">
    <ng-container *ngIf="tagData.data.type2Array">
      <ng-container *ngFor="let item of tagData.data.type2Array;let i = index;">
        <div class="singleBox2">
          <div class="defaultStepBox">
            <img *ngIf="item.stepIcon" [src]="item.stepIcon" class="defaultStepIcon"
              onerror="this.src='assets/fw/zhuangxiu_icon-zhunbei@3x.png'"
              [ngStyle]="item.stepIconCssStyle|styleFilter" />
          </div>
          <span class="title" *ngIf="item.title"
            [ngStyle]="tagData.data.step1TitleCssStyle|styleFilter">{{item.title}}</span>
        </div>
        <div class="defaultStepBox" *ngIf="(tagData.data.type2Array.length-1) !== i">
          <div class="divider2"></div>
        </div>
        <ng-container *ngFor="let s of item.data">
          <div class="singleBox2">
            <div class="defaultStepBox2">
              <div class="divider3"></div>
              <img *ngIf="tagData.data.step1SubIcon" [src]="tagData.data.step1SubIcon" class="defaultCircleIcon"
                onerror="this.src='assets/fw/circle.png'" />
              <div class="divider3"></div>
            </div>
            <span class="itemSubTitle" *ngIf="s.subTitle"
              [ngStyle]="tagData.data.step1SubTitleCssStyle|styleFilter">{{s.subTitle}}</span>
            <span class="itemDays" *ngIf="s.days"
              [ngStyle]="tagData.data.step1DaysCssStyle|styleFilter">{{s.days}}</span>
          </div>
          <div class="remarkBox">
            <div class="defaultStepBox">
              <div class="divider4"></div>
            </div>
            <div class="remark-all" *ngIf="s.comment">
              <div class="remark">
                <div class="text">
                  {{s.comment}}
                </div>
              </div>
            </div>
          </div>
        </ng-container>
      </ng-container>
    </ng-container>
  </section>
</ng-container>

<!--带有广告图片adviserInfo cssType==='3'-->
<ng-container *ngIf="tagData.data.cssType==='3'">
  <section class="sectionBg" [ngStyle]="tagData.data.cssStyle | styleFilter">
    <img src="assets/fw/adviserbg.png" *ngIf="tagData.data.showTopImg!==undefined"
      [ngStyle]="tagData.data.adviserBgCssStyle|styleFilter" class="adviserbg">
    <div class="adviser-bg cssType3" [ngStyle]="tagData.data.adviserBgBoxCssStyle|styleFilter">
      <p class="adviser-title-bg" *ngIf="tagData.data.title"
        [ngClass]="{'base-line': tagData.data.rightLabel, 'center-line':tagData.data.more }">

        <span class="adviser-title" *ngIf="tagData.data.title">{{tagData.data.title}}</span>
        <span class="adviser-right-title" *ngIf="tagData.data.rightLabel">
          {{tagData.data.rightLabel}}
        </span>
        <span class="adviser-more" *ngIf="tagData.data.more" appDebounceClick (debounceClick)="moreClick(tagData.data.more.link)">
          {{tagData.data.more.label}}
        </span>
        <img *ngIf="tagData.data.more?.icon" class="more-icon" src="assets/icon/{{tagData.data.more?.icon}}"
          alt="" appDebounceClick (debounceClick)="moreClick(tagData.data.more.link)">
      </p>
      <hr *ngIf="tagData.data.showLine" [ngStyle]="tagData.data.showLineCssStyle|styleFilter" />
      <p class="adviser-title-sub" *ngIf="tagData.data.downLabel">{{tagData.data.downLabel}}</p>
      <div class="adviser-info-bg" [ngStyle]="tagData.data.adviserInfoBgCssStyle|styleFilter">
        <img class="adviser-avatar" src="{{tagData.data.imageUrl}}" alt=""
          onerror="this.src='assets/img/headportraitstaff.png'">
        <div class="adviser" [ngStyle]="tagData.data.adviserCssStyle|styleFilter">
          <p class="name-tag">
            <span class="name">{{tagData.data.name}}</span>
            <ng-container *ngIf="appTypeCustom!=='LJ'">
              <span class="tag" *ngIf="tagData.data.tag"
                [ngStyle]="tagData.data.tagCssStyle|styleFilter">{{tagData.data.tag}}</span>
            </ng-container>
          </p>
          <ng-container *ngIf="appTypeCustom==='LJ'">
            <span class="tag-laijian" *ngIf="tagData.data.tag"
              [ngStyle]="tagData.data.tagCssStyle|styleFilter">{{tagData.data.tag}}</span>
          </ng-container>
          <p class="service" *ngIf="tagData.data.service" [innerHTML]="tagData.data.service"></p>
          <span class="customTag" *ngIf="tagData.data.customTag"
            [ngStyle]="tagData.data.customTagCssStyle|styleFilter">{{tagData.data.customTag}}</span>
        </div>
        <img *ngIf="tagData.data.wechatIcon" src="{{tagData.data.wechatIcon}}" alt="" class="call 1"
          onerror="this.src='assets/fw/expert_icon_wechat.png'"
          appDebounceClick (debounceClick)="copyClick($event, tagData.data?.wechatCode,tagData.data?.wechatMsg)"
          [ngStyle]="tagData.data.chatIconCssStyle|styleFilter">
        <img *ngIf="tagData.data.chatIcon" src="{{tagData.data.chatIcon}}" alt="" class="call 2"
          onerror="this.src='assets/fw/expert_icon_chat3@3x.png'" appDebounceClick (debounceClick)="chatClick(tagData.data?.chatUserId)"
          [ngStyle]="tagData.data.chatIconCssStyle|styleFilter">
        <img *ngIf="tagData.data.phoneIcon" src="{{tagData.data.phoneIcon}}"
          [ngStyle]="tagData.data.phoneIconCssStyle|styleFilter" alt="" class="call 3"
          appDebounceClick (debounceClick)="callClick(tagData.data)">
      </div>

      <hr *ngIf="tagData.data.middleLine" class="middle-line" [ngStyle]="tagData.data.middleLine|styleFilter" />
      <!--1.9.5 新增-->
      <div class="adviser-info-bg" *ngIf="tagData.data.name1">
        <img class="adviser-avatar" src="{{tagData.data.imageUrl1}}" alt=""
          onerror="this.src='assets/img/headportraitstaff.png'">
        <div class="adviser" [ngStyle]="tagData.data.adviser1CssStyle|styleFilter">
          <p class="name-tag">
            <span class="name">{{tagData.data.name1}}</span>
            <ng-container *ngIf="appTypeCustom!=='LJ'">
              <span class="tag" *ngIf="tagData.data.tag1"
                [ngStyle]="tagData.data.tag1CssStyle|styleFilter">{{tagData.data.tag1}}</span>
            </ng-container>
          </p>
          <ng-container *ngIf="appTypeCustom==='LJ'">
            <span class="tag-laijian" *ngIf="tagData.data.tag1"
              [ngStyle]="tagData.data.tag1CssStyle|styleFilter">{{tagData.data.tag1}}</span>
          </ng-container>
          <p class="service" *ngIf="tagData.data.service1" [innerHTML]="tagData.data.service1"></p>
          <span class="customTag" *ngIf="tagData.data.customTag1"
            [ngStyle]="tagData.data.customTag1CssStyle|styleFilter">{{tagData.data.customTag1}}</span>
        </div>
        <span *ngIf="tagData.data.chatUser1Id" appDebounceClick (debounceClick)="chatClick(tagData.data?.chatUser1Id)"
          [ngStyle]="tagData.data.chatUser1BtnCssStyle|styleFilter">{{tagData.data.chatUser1Btn}}</span>
      </div>
      <p *ngIf="tagData.data.recommendMsg" [ngStyle]="tagData.data.recommendMsgCssStyle|styleFilter">
        <font *ngIf="tagData.data.recommendMsgLabel" [ngStyle]="tagData.data.recommendMsgLabelCssStyle|styleFilter">
          {{tagData.data.recommendMsgLabel}}</font>
        {{tagData.data.recommendMsg}}
      </p>
    </div>
  </section>
</ng-container>

<!--服务流程 cssType==='4'-->
<ng-container *ngIf="tagData.data.cssType==='4'">
  <section [ngStyle]="tagData.data.cssStyle|styleFilter" class="sectionBg4">
    <p class="pHeadTitle" *ngIf="tagData.data.headTitle" [ngStyle]="tagData.data.headTitleCssStyle|styleFilter">
      {{tagData.data.headTitle}}</p>
    <div class="singleBox4" [ngStyle]="tagData.data.singleBox4CssStyle|styleFilter">
      <span class="title4" *ngIf="tagData.data.step1Title" [ngStyle]="tagData.data.step1TitleCssStyle|styleFilter"><img
          *ngIf="tagData.data.step1Icon" [src]="tagData.data.step1Icon"
          onerror="this.src='assets/fw/weixiuliucheng_01@3x.png'" class="img4"
          [ngStyle]="tagData.data.step1IconCssStyle|styleFilter" />{{tagData.data.step1Title}}</span>

      <img *ngIf="tagData.data.step2Title" src="assets/fw/path05.png" class="arrowIcon4" />

      <span class="title4" *ngIf="tagData.data.step2Title" [ngStyle]="tagData.data.step2TitleCssStyle|styleFilter"><img
          *ngIf="tagData.data.step2Icon" [src]="tagData.data.step2Icon"
          onerror="this.src='assets/fw/weixiuliucheng_02@3x.png'" class="img4"
          [ngStyle]="tagData.data.step2IconCssStyle|styleFilter" />{{tagData.data.step2Title}}</span>

      <img *ngIf="tagData.data.step3Title" src="assets/fw/path05.png" class="arrowIcon4" />

      <span class="title4" *ngIf="tagData.data.step3Title" [ngStyle]="tagData.data.step2TitleCssStyle|styleFilter"><img
          *ngIf="tagData.data.step3Icon" [src]="tagData.data.step3Icon"
          onerror="this.src='assets/fw/weixiuliucheng_03@3x.png'" class="img4"
          [ngStyle]="tagData.data.step3IconCssStyle|styleFilter" />{{tagData.data.step3Title}}</span>

      <img *ngIf="tagData.data.step4Title" src="assets/fw/path05.png" class="arrowIcon4" />

      <span class="title4" *ngIf="tagData.data.step4Title" [ngStyle]="tagData.data.step4TitleCssStyle|styleFilter"><img
          *ngIf="tagData.data.step4Icon" [src]="tagData.data.step4Icon"
          onerror="this.src='assets/fw/weixiuliucheng_04@3x.png'" class="img4"
          [ngStyle]="tagData.data.step4IconCssStyle|styleFilter" />{{tagData.data.step4Title}}</span>
    </div>
  </section>
</ng-container>

<!--原有的配置 不配置 cssType===undefined-->
<ng-container *ngIf="tagData.data.cssType===undefined">
  <section class="sectionBg" [ngStyle]="tagData.data.sectionCssStyle | styleFilter">
    <img src="assets/fw/adviserbg.png" *ngIf="tagData.data.showTopImg!==undefined"
      [ngStyle]="tagData.data.adviserBgCssStyle|styleFilter" class="adviserbg">
    <div class="adviser-bg isNotCssType" [ngStyle]="tagData.data.cssStyle | styleFilter">
      <p class="adviser-title-bg" *ngIf="tagData.data.title"
        [ngClass]="{'base-line': tagData.data.rightLabel, 'center-line':tagData.data.more }">

        <span class="adviser-title" *ngIf="tagData.data.title">{{tagData.data.title}}</span>
        <span class="adviser-right-title" *ngIf="tagData.data.rightLabel">
          {{tagData.data.rightLabel}}
        </span>
        <span class="adviser-more" *ngIf="tagData.data.more" appDebounceClick (debounceClick)="moreClick(tagData.data.more.link)">
          {{tagData.data.more.label}}
        </span>
        <img *ngIf="tagData.data.more?.icon" class="more-icon" src="assets/icon/{{tagData.data.more?.icon}}"
          alt="" appDebounceClick (debounceClick)="moreClick(tagData.data.more.link)">
      </p>
      <hr *ngIf="tagData.data.showLine" [ngStyle]="tagData.data.showLineCssStyle|styleFilter" />
      <p class="adviser-title-sub" *ngIf="tagData.data.downLabel">{{tagData.data.downLabel}}</p>
      <div class="adviser-info-bg" [ngStyle]="tagData.data.adviserInfoBgCssStyle|styleFilter">
        <img class="adviser-avatar" src="{{tagData.data.imageUrl}}" appDebounceClick (debounceClick)="openPage(tagData.data.link, $event)"
          onerror="this.src='assets/img/headportraitstaff.png'"
          [ngStyle]="tagData.data.imageUrlCssStyle|styleFilter">
        <div class="adviser" [ngStyle]="tagData.data.adviserCssStyle|styleFilter"
          *ngIf="tagData.data.name2 === undefined">
          <p class="name-tag" [ngStyle]="tagData.data.nameTagBoxCssStyle|styleFilter">
            <span class="name" [ngStyle]="tagData.data.nameCssStyle|styleFilter">{{tagData.data.name}}</span>
            <ng-container *ngIf="appTypeCustom!=='LJ'">
              <span class="tag" *ngIf="tagData.data.tag"
                [ngStyle]="tagData.data.tagCssStyle|styleFilter">{{tagData.data.tag}}</span>
            </ng-container>
          </p>
          <ng-container *ngIf="appTypeCustom==='LJ'">
            <span class="tag-laijian 2" *ngIf="tagData.data.tag"
              [ngStyle]="tagData.data.tagCssStyle|styleFilter">{{tagData.data.tag}}</span>
          </ng-container>
          <p class="service" *ngIf="tagData.data.service" [innerHTML]="tagData.data.service"></p>
          <span class="customTag" *ngIf="tagData.data.customTag"
            [ngStyle]="tagData.data.customTagCssStyle|styleFilter">{{tagData.data.customTag}}</span>
        </div>

        <div *ngIf="tagData.data.name2 && tagData.data.name2 !== undefined" class="adviser"
          [ngStyle]="tagData.data.adviserCssStyle|styleFilter" appDebounceClick (debounceClick)="openPage(tagData.data.link, $event)">
          <p class="name-tag" [ngStyle]="tagData.data.nameTagBoxCssStyle|styleFilter">
            <span class="name" [ngStyle]="tagData.data.nameCssStyle|styleFilter">{{tagData.data.name2}}</span>
            <span [ngStyle]="tagData.data.tagCssStyle|styleFilter">{{tagData.data.tag}}</span>
          </p>
          <p class="name-value">
            <span>
              <span [ngStyle]="tagData.data.labelCssStyle|styleFilter">{{tagData.data.label}}</span>
              <span [ngStyle]="tagData.data.valueCssStyle|styleFilter">{{tagData.data.value}}</span>
            </span>
            <span>
              <span [ngStyle]="tagData.data.labelCssStyle|styleFilter">{{tagData.data.label2}}</span>
              <span [ngStyle]="tagData.data.valueCssStyle|styleFilter">{{tagData.data.value2}}</span>
            </span>
          </p>
          <p class="name-tagName">
            <span [ngStyle]="tagData.data.tagNameCssStyle|styleFilter">{{tagData.data.tagName}}</span>
            <span [ngStyle]="tagData.data.tagNameCssStyle|styleFilter">{{tagData.data.tagName2}}</span>
          </p>
          <p [ngStyle]="tagData.data.msgCssStyle|styleFilter">{{tagData.data.msg}}</p>
        </div>

        <img *ngIf="tagData.data.wechatIcon" src="{{tagData.data.wechatIcon}}" alt="" class="call 4"
          onerror="this.src='assets/fw/expert_icon_wechat.png'"
          appDebounceClick (debounceClick)="copyClick($event, tagData.data?.wechatCode,tagData.data?.wechatMsg)"
          [ngStyle]="tagData.data.chatIconCssStyle|styleFilter">

        <!--蜂喔商户1.9.18-->
        <img *ngIf="tagData.data.chatIcon" src="{{tagData.data.chatIcon}}" alt="" class="call 5"
          onerror="this.src='assets/fw/expert_icon_chat3@3x.png'"
          appDebounceClick (debounceClick)="chatClick(tagData.data?.chatUserId,tagData.data?.hiddenAddBtn)"
          [ngStyle]="tagData.data.chatIconCssStyle|styleFilter">

        <img *ngIf="tagData.data.phoneIcon" src="{{tagData.data.phoneIcon}}"
          [ngStyle]="tagData.data.phoneIconCssStyle|styleFilter" alt="" class="call 6"
          appDebounceClick (debounceClick)="callClick(tagData.data)">

        <img *ngIf="tagData.data.downloadIcon" src="{{tagData.data.downloadIcon}}"
          [ngStyle]="tagData.data.downloadIconCssStyle|styleFilter" alt="" class="download"
          appDebounceClick (debounceClick)="downloadClick(tagData.data.link)">


        <span class="callBtn" *ngIf="tagData.data.phoneButtonLabel"
          [ngStyle]="tagData.data.phoneButtonLabelCssStyle|styleFilter" appDebounceClick (debounceClick)="callClick(tagData.data)">
          {{tagData.data.phoneButtonLabel}}
        </span>

        <span class="phone1" *ngIf="tagData.data?.phone1"
          [ngStyle]="tagData.data?.phone1CssStyle|styleFilter">{{tagData.data?.phone1}}
          <img *ngIf="tagData.data?.phone1ArrowIcon" [src]="tagData.data?.phone1ArrowIcon" onerror="this.src=''"
            [ngStyle]="tagData.data?.phone1ArrowIconCssStyle|styleFilter" />
        </span>

      </div>

      <!--1.9.5 新增-->
      <div class="adviser-info-bg" *ngIf="tagData.data.name1">
        <img class="adviser-avatar" src="{{tagData.data.imageUrl1}}" alt=""
          onerror="this.src='assets/img/headportraitstaff.png'"
          [ngStyle]="tagData.data.imageUrl1CssStyle|styleFilter">
        <div class="adviser" [ngStyle]="tagData.data.adviser1CssStyle|styleFilter">
          <p class="name-tag">
            <span class="name">{{tagData.data.name1}}</span>
            <ng-container *ngIf="appTypeCustom!=='LJ'">
              <span class="tag" *ngIf="tagData.data.tag1"
                [ngStyle]="tagData.data.tag1CssStyle|styleFilter">{{tagData.data.tag1}}</span>
            </ng-container>
          </p>
          <ng-container *ngIf="appTypeCustom==='LJ'">
            <span class="tag-laijian" *ngIf="tagData.data.tag1"
              [ngStyle]="tagData.data.tag1CssStyle|styleFilter">{{tagData.data.tag1}}</span>
          </ng-container>
          <p class="service" *ngIf="tagData.data.service1" [innerHTML]="tagData.data.service1"></p>
          <span class="customTag" *ngIf="tagData.data.customTag1"
            [ngStyle]="tagData.data.customTag1CssStyle|styleFilter">{{tagData.data.customTag1}}</span>
        </div>
        <span *ngIf="tagData.data.chatUser1Id" appDebounceClick (debounceClick)="chatClick(tagData.data?.chatUser1Id)"
          [ngStyle]="tagData.data.chatUser1BtnCssStyle|styleFilter">{{tagData.data.chatUser1Btn}}</span>
      </div>
      <p *ngIf="tagData.data.recommendMsg" [ngStyle]="tagData.data.recommendMsgCssStyle|styleFilter">
        <font *ngIf="tagData.data.recommendMsgLabel" [ngStyle]="tagData.data.recommendMsgLabelCssStyle|styleFilter">
          {{tagData.data.recommendMsgLabel}}</font>
        {{tagData.data.recommendMsg}}
      </p>
    </div>
  </section>
</ng-container>